<div class="body" >
<!-- 左侧 -->
<mat-toolbar>

    <button  mat-button (click)="save()">保存</button> 
    <!-- <button mat-button [matMenuTriggerFor]="file_menu">文件</button> 
    <mat-menu #file_menu="matMenu">
        <button mat-menu-item (click)="save()">保存</button>
    </mat-menu> -->
    <button mat-button [matMenuTriggerFor]="edit_menu">编辑</button> 
    <mat-menu #edit_menu="matMenu">
        <button mat-menu-item (click)="find()">查找</button>
        <button mat-menu-item (click)="replace()">替换</button>
    </mat-menu>
    <button mat-button [matMenuTriggerFor]="view_menu">查看</button>
    <mat-menu #view_menu="matMenu">
        <button mat-menu-item (click)="EnlargeBytes()">放大</button>
        <button mat-menu-item (click)="ReduceBytes()">缩小</button>
        <button mat-menu-item (click)="RestoreBytes()">还原默认大小</button>
    </mat-menu> 
    <span class="spacer"></span> 
    <button mat-icon-button (click)="openDialog()" >
      <mat-icon>settings</mat-icon>
    </button>   
    <button  *ngIf="!isDesktop()"  mat-button  [matMenuTriggerFor]="user_menu"> <img width="24px" src="images/person.png" />{{userInfo?.name}}</button>
    <mat-menu #user_menu="matMenu">
      <button mat-menu-item (click)="logout()">注销</button> 
  </mat-menu>
  </mat-toolbar>  
</div>